<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    
    <title>日期选择器 DatePicker | FEI-UI-DESIGN</title>
    
    <meta name="generator" content="VitePress v1.0.0-rc.35">
    <link rel="preload stylesheet" href="/fei-ui-design/assets/style.UepqEusw.css" as="style">
    
    <script type="module" src="/fei-ui-design/assets/app.CtN_OfgH.js"></script>
    <link rel="preload" href="/fei-ui-design/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/fei-ui-design/assets/chunks/framework.hV4g2dZ1.js">
    <link rel="modulepreload" href="/fei-ui-design/assets/chunks/theme.XkHReBMm.js">
    <link rel="modulepreload" href="/fei-ui-design/assets/components_date-picker.md.9ogHh5Jw.lean.js">
    <link rel="icon" href="/fei-ui-design/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
    <meta name="author" content="ymf">
    <meta name="google" content="nositelinkssearchbox">
    <meta hid="description" name="description" content="FEI-UI-DESIGN Framework Components for Vuejs">
    <meta property="og:description" content="FEI-UI-DESIGN Framework Components for Vuejs">
    <meta property="og:title" content="FEI-UI-DESIGN - Framework for Vuejs">
    <meta name="twitter:card" content="summary_large_image">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2178;display:none;" id="fei-popper-8265" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2179;display:none;" id="fei-popper-5492" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker has-sidebar" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><div class="fei-picker-panel__sidebar"><!--[--><button type="button" class="fei-picker-panel__shortcut">今日</button><button type="button" class="fei-picker-panel__shortcut">昨天</button><button type="button" class="fei-picker-panel__shortcut">一周前</button><!--]--></div><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month disabled"><div><span>1</span></div></td><td class="next-month disabled"><div><span>2</span></div></td><td class="next-month disabled"><div><span>3</span></div></td><td class="next-month disabled"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month disabled"><div><span>5</span></div></td><td class="next-month disabled"><div><span>6</span></div></td><td class="next-month disabled"><div><span>7</span></div></td><td class="next-month disabled"><div><span>8</span></div></td><td class="next-month disabled"><div><span>9</span></div></td><td class="next-month disabled"><div><span>10</span></div></td><td class="next-month disabled"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2180;display:none;" id="fei-popper-1890" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header--bordered fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="display:none;" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2020 年 - 2029 年</span><span style="display:none;" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="display:none;" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><!----><table class="fei-year-table"><tbody><tr><td class="available"><span class="cell">2020</span></td><td class="available"><span class="cell">2021</span></td><td class="available"><span class="cell">2022</span></td><td class="available"><span class="cell">2023</span></td></tr><tr><td class="today available"><span class="cell">2024</span></td><td class="available"><span class="cell">2025</span></td><td class="available"><span class="cell">2026</span></td><td class="available"><span class="cell">2027</span></td></tr><tr><td class="available"><span class="cell">2028</span></td><td class="available"><span class="cell">2029</span></td><td></td><td></td></tr></tbody></table><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2181;display:none;" id="fei-popper-5628" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table is-week-mode"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2182;display:none;" id="fei-popper-8329" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header--bordered fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="display:none;" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="display:none;" role="button" class="active fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="display:none;" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><!----><!----><table class="fei-month-table"><tbody><!--[--><tr><!--[--><td class="today"><div><span class="cell">一月</span></div></td><td class=""><div><span class="cell">二月</span></div></td><td class=""><div><span class="cell">三月</span></div></td><td class=""><div><span class="cell">四月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">五月</span></div></td><td class=""><div><span class="cell">六月</span></div></td><td class=""><div><span class="cell">七月</span></div></td><td class=""><div><span class="cell">八月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">九月</span></div></td><td class=""><div><span class="cell">十月</span></div></td><td class=""><div><span class="cell">十一月</span></div></td><td class=""><div><span class="cell">十二月</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2183;display:none;" id="fei-popper-5694" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style="display:none;"><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2184;display:none;" id="fei-popper-7346" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker" visible="false" actualvisible="false" format="YYYY-MM-DD"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2024 年 1月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><!----></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2185;display:none;" id="fei-popper-9887" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-sidebar" visible="false" actualvisible="false" format="YYYY-MM-DD"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><div class="fei-picker-panel__sidebar"><!--[--><button type="button" class="fei-picker-panel__shortcut">最近一周</button><button type="button" class="fei-picker-panel__shortcut">最近一个月</button><button type="button" class="fei-picker-panel__shortcut">最近三个月</button><!--]--></div><div class="fei-picker-panel__body"><!----><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 1月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><!----></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2186;display:none;" id="fei-popper-5095" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker" visible="false" actualvisible="false" format="YYYY-MM" type="monthrange"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><!----><div>2024 年</div></div><div class="fei-date-range-picker-table__content"><table class="fei-month-table"><tbody><!--[--><tr><!--[--><td class="today"><div><span class="cell">一月</span></div></td><td class=""><div><span class="cell">二月</span></div></td><td class=""><div><span class="cell">三月</span></div></td><td class=""><div><span class="cell">四月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">五月</span></div></td><td class=""><div><span class="cell">六月</span></div></td><td class=""><div><span class="cell">七月</span></div></td><td class=""><div><span class="cell">八月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">九月</span></div></td><td class=""><div><span class="cell">十月</span></div></td><td class=""><div><span class="cell">十一月</span></div></td><td class=""><div><span class="cell">十二月</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><div>2025 年</div></div><div class="fei-date-range-picker-table__content"><table class="fei-month-table"><tbody><!--[--><tr><!--[--><td class=""><div><span class="cell">一月</span></div></td><td class=""><div><span class="cell">二月</span></div></td><td class=""><div><span class="cell">三月</span></div></td><td class=""><div><span class="cell">四月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">五月</span></div></td><td class=""><div><span class="cell">六月</span></div></td><td class=""><div><span class="cell">七月</span></div></td><td class=""><div><span class="cell">八月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">九月</span></div></td><td class=""><div><span class="cell">十月</span></div></td><td class=""><div><span class="cell">十一月</span></div></td><td class=""><div><span class="cell">十二月</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2187;display:none;" id="fei-popper-4670" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-sidebar" visible="false" actualvisible="false" format="YYYY-MM" type="monthrange"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><div class="fei-picker-panel__sidebar"><!--[--><button type="button" class="fei-picker-panel__shortcut">本月</button><button type="button" class="fei-picker-panel__shortcut">今年至今</button><button type="button" class="fei-picker-panel__shortcut">最近六个月</button><!--]--></div><div class="fei-picker-panel__body"><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><div>2024 年</div></div><div class="fei-date-range-picker-table__content"><table class="fei-month-table"><tbody><!--[--><tr><!--[--><td class="today"><div><span class="cell">一月</span></div></td><td class=""><div><span class="cell">二月</span></div></td><td class=""><div><span class="cell">三月</span></div></td><td class=""><div><span class="cell">四月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">五月</span></div></td><td class=""><div><span class="cell">六月</span></div></td><td class=""><div><span class="cell">七月</span></div></td><td class=""><div><span class="cell">八月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">九月</span></div></td><td class=""><div><span class="cell">十月</span></div></td><td class=""><div><span class="cell">十一月</span></div></td><td class=""><div><span class="cell">十二月</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><button type="button" disabled class="is-disabled fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><div>2025 年</div></div><div class="fei-date-range-picker-table__content"><table class="fei-month-table"><tbody><!--[--><tr><!--[--><td class=""><div><span class="cell">一月</span></div></td><td class=""><div><span class="cell">二月</span></div></td><td class=""><div><span class="cell">三月</span></div></td><td class=""><div><span class="cell">四月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">五月</span></div></td><td class=""><div><span class="cell">六月</span></div></td><td class=""><div><span class="cell">七月</span></div></td><td class=""><div><span class="cell">八月</span></div></td><!--]--></tr><tr><!--[--><td class=""><div><span class="cell">九月</span></div></td><td class=""><div><span class="cell">十月</span></div></td><td class=""><div><span class="cell">十一月</span></div></td><td class=""><div><span class="cell">十二月</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2188;display:none;" id="fei-popper-503" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2020 年</span><span style="" role="button" class="fei-date-picker__header-label">5 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available"><div><span>31</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2189;display:none;" id="fei-popper-8470" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker" visible="false" actualvisible="false" format="YYYY-MM-DD"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2020 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2020 年 3月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>24</span></div></td><td class="prev-month"><div><span>25</span></div></td><td class="prev-month"><div><span>26</span></div></td><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="available"><div><span>1</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>30</span></div></td><td class="available"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><!----></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2190;display:none;" id="fei-popper-6606" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2020 年</span><span style="" role="button" class="fei-date-picker__header-label">5 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available"><div><span>31</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2191;display:none;" id="fei-popper-5028" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker" visible="false" actualvisible="false" format="YYYY-MM-DD"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2020 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2020 年 3月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>24</span></div></td><td class="prev-month"><div><span>25</span></div></td><td class="prev-month"><div><span>26</span></div></td><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="available"><div><span>1</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>30</span></div></td><td class="available"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><!----></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2192;display:none;" id="fei-popper-7115" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2193;display:none;" id="fei-popper-4916" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2194;display:none;" id="fei-popper-4942" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2195;display:none;" id="fei-popper-2534" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2196;display:none;" id="fei-popper-4798" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><!----><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="display:none;" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2197;display:none;" id="fei-popper-3998" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker has-time" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-date-picker__time-header"><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></div><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2198;display:none;" id="fei-popper-5642" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker has-sidebar has-time" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><div class="fei-picker-panel__sidebar"><!--[--><button type="button" class="fei-picker-panel__shortcut">今日</button><button type="button" class="fei-picker-panel__shortcut">昨天</button><button type="button" class="fei-picker-panel__shortcut">一周前</button><!--]--></div><div class="fei-picker-panel__body"><div class="fei-date-picker__time-header"><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></div><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2199;display:none;" id="fei-popper-5433" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-picker has-time" actualvisible="false" unlinkpanels="false"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-date-picker__time-header"><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-picker__editor-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="选择时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></div><div style="" class="fei-date-picker__header"><button type="button" aria-label="上一年" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button style="" type="button" aria-label="上个月" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><span role="button" class="fei-date-picker__header-label">2024 年</span><span style="" role="button" class="fei-date-picker__header-label">1 月</span><button type="button" aria-label="下一年" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button style="" type="button" aria-label="下个月" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button></div><div class="fei-picker-panel__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table><!----><!----></div></div></div><div style="" class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text fei-picker-panel__link-btn" type="button" style=""><!----><span class="fei-button__content" style=""><!--[--> 此刻 <!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini fei-picker-panel__link-btn" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2200;display:none;" id="fei-popper-7571" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-time" visible="false" actualvisible="false" format="YYYY-MM-DD HH:mm:ss"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-date-range-picker__time-header"><span class="fei-date-range-picker__editors-wrap"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始日期" value="2000-11-10" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始时间" value="10:10:00" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span><span class="fei-icon-arrow-right"><i class="f-iconfont f-icon-right"></i></span><span class="fei-date-range-picker__editors-wrap is-right"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束日期" value="2000-11-11" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束时间" value="10:10:00" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span></div><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2000 年 11月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available in-range start-date"><div><span>10</span></div></td><td class="available in-range end-date"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2000 年 12月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>27</span></div></td><td class="prev-month"><div><span>28</span></div></td><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available"><div><span>31</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><div class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text" type="button"><!----><span class="fei-button__content" style=""><!--[-->清空<!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini" type="button"><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2201;display:none;" id="fei-popper-7878" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-sidebar has-time" visible="false" actualvisible="false" format="YYYY-MM-DD HH:mm:ss"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><div class="fei-picker-panel__sidebar"><!--[--><button type="button" class="fei-picker-panel__shortcut">最近一周</button><button type="button" class="fei-picker-panel__shortcut">最近一个月</button><button type="button" class="fei-picker-panel__shortcut">最近三个月</button><!--]--></div><div class="fei-picker-panel__body"><div class="fei-date-range-picker__time-header"><span class="fei-date-range-picker__editors-wrap"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span><span class="fei-icon-arrow-right"><i class="f-iconfont f-icon-right"></i></span><span class="fei-date-range-picker__editors-wrap is-right"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束日期" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束时间" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span></div><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2024 年 1月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><div class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text" type="button"><!----><span class="fei-button__content" style=""><!--[-->清空<!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini is-disabled" type="button" disabled><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2202;display:none;" id="fei-popper-7972" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-time" visible="false" actualvisible="false" format="YYYY-MM-DD HH:mm:ss"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-date-range-picker__time-header"><span class="fei-date-range-picker__editors-wrap"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span><span class="fei-icon-arrow-right"><i class="f-iconfont f-icon-right"></i></span><span class="fei-date-range-picker__editors-wrap is-right"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束日期" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束时间" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span></div><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2024 年 1月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><div class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text" type="button"><!----><span class="fei-button__content" style=""><!--[-->清空<!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini is-disabled" type="button" disabled><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor--><div aria-hidden="true" class="fei-picker__popper fei-popper is-light is-pure" style="z-index:2203;display:none;" id="fei-popper-3659" role="tooltip"><!--[--><!--[--><div class="fei-picker-panel fei-date-range-picker has-time" visible="false" actualvisible="false" format="YYYY-MM-DD HH:mm:ss"><div class="fei-picker-panel__body-wrapper"><!--[--><!--]--><!----><div class="fei-picker-panel__body"><div class="fei-date-range-picker__time-header"><span class="fei-date-range-picker__editors-wrap"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始日期" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="开始时间" value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span><span class="fei-icon-arrow-right"><i class="f-iconfont f-icon-right"></i></span><span class="fei-date-range-picker__editors-wrap is-right"><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束日期" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div></span><span class="fei-date-range-picker__time-picker-wrap"><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-range-picker__editor"><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small" placeholder="结束时间" readonly value="" number="false"><!----><!----><!----><!----><!----><!--]--></div><!----></span></span></div><div class="fei-picker-panel__content fei-date-range-picker__content is-left"><div class="fei-date-range-picker__header"><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-doubleleft"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__prev-btn"><i class="f-iconfont f-icon-left"></i></button><!----><!----><div>2024 年 1月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>29</span></div></td><td class="available"><div><span>30</span></div></td><td class="available today"><div><span>31</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><td class="next-month"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><td class="next-month"><div><span>11</span></div></td><!--]--></tr><!--]--></tbody></table></div></div><div class="fei-picker-panel__content fei-date-range-picker__content is-right"><div class="fei-date-range-picker__header"><!----><!----><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-doubleright"></i></button><button type="button" class="fei-picker-panel__icon-btn fei-date-picker__next-btn"><i class="f-iconfont f-icon-right"></i></button><div>2024 年 2月</div></div><div class="fei-date-range-picker-table__content"><table cellspacing="0" cellpadding="0" class="fei-date-table"><tbody><tr><!----><!--[--><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th><th>日</th><!--]--></tr><!--[--><tr class="fei-date-table__row"><!--[--><td class="prev-month"><div><span>29</span></div></td><td class="prev-month"><div><span>30</span></div></td><td class="prev-month"><div><span>31</span></div></td><td class="available"><div><span>1</span></div></td><td class="available"><div><span>2</span></div></td><td class="available"><div><span>3</span></div></td><td class="available"><div><span>4</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>5</span></div></td><td class="available"><div><span>6</span></div></td><td class="available"><div><span>7</span></div></td><td class="available"><div><span>8</span></div></td><td class="available"><div><span>9</span></div></td><td class="available"><div><span>10</span></div></td><td class="available"><div><span>11</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>12</span></div></td><td class="available"><div><span>13</span></div></td><td class="available"><div><span>14</span></div></td><td class="available"><div><span>15</span></div></td><td class="available"><div><span>16</span></div></td><td class="available"><div><span>17</span></div></td><td class="available"><div><span>18</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>19</span></div></td><td class="available"><div><span>20</span></div></td><td class="available"><div><span>21</span></div></td><td class="available"><div><span>22</span></div></td><td class="available"><div><span>23</span></div></td><td class="available"><div><span>24</span></div></td><td class="available"><div><span>25</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="available"><div><span>26</span></div></td><td class="available"><div><span>27</span></div></td><td class="available"><div><span>28</span></div></td><td class="available"><div><span>29</span></div></td><td class="next-month"><div><span>1</span></div></td><td class="next-month"><div><span>2</span></div></td><td class="next-month"><div><span>3</span></div></td><!--]--></tr><tr class="fei-date-table__row"><!--[--><td class="next-month"><div><span>4</span></div></td><td class="next-month"><div><span>5</span></div></td><td class="next-month"><div><span>6</span></div></td><td class="next-month"><div><span>7</span></div></td><td class="next-month"><div><span>8</span></div></td><td class="next-month"><div><span>9</span></div></td><td class="next-month"><div><span>10</span></div></td><!--]--></tr><!--]--></tbody></table></div></div></div></div><div class="fei-picker-panel__footer"><button class="fei-button fei-button--mini fei-button--text" type="button"><!----><span class="fei-button__content" style=""><!--[-->清空<!--]--></span></button><button class="fei-button fei-button--primary fei-button--mini is-disabled" type="button" disabled><!----><span class="fei-button__content" style=""><!--[--> 确定 <!--]--></span></button></div></div><!--]--><!--]--><!----></div><!--teleport anchor-->
    <div id="app"><div id="app" class="theme-container" data-v-818e4420><!----><div class="sidebar-mask" data-v-818e4420></div><main class="page" data-v-818e4420><header class="header-page"><a class="back-link"><i class="bx bx-left-arrow-alt"></i></a><div class="header__content"><div class="flex-header"><h1 id="header-title">日期选择器 DatePicker</h1><ul class="interactive-links"><li title="Package NPM"><a target="_blank" href="https://www.npmjs.com/package/fei-ui-design"><i class="bx bx-package"></i></a></li><li title="View Code Github"><a target="_blank" href="https://github.com/ymf-930/fei-ui-design"><i class="bx bx-code-alt"></i></a></li><li title="Edit Page"><a target="_blank"><i class="bx bx-edit"></i></a></li><li title="Report a Bug"><a target="_blank" href="https://github.com/ymf-930/fei-ui-design/issues/new?title=[日期选择器 DatePicker] - Your Bug Name&amp;body=**Steps to Reproduce**%0A1. Do something%0A2. Do something else.%0A3. Do one last thing.%0A%0A**Expected**%0AThe 日期选择器 DatePicker should do this%0A%0A**Result**%0AThe 日期选择器 DatePicker does not do this%0A%0A**Testcase**%0A(fork this to get started)%0Ahttp://jsfiddle.net/exmple-bug/1/"><i class="bx bx-bug"></i></a></li></ul></div></div><svg class="header-effect" xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><path id="Trazado_200" data-name="Trazado 200" d="M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z" transform="translate(0 10)" fill="#fff"></path></svg></header><aside class="sidebar"><div class="content-sidebar"><ul class="sidebar-sub-headers"><!--[--><!--]--></ul></div></aside><!--[--><!--]--><div class="vp-doc content__default"><div style="position:relative;"><div><h5 id="可以选择日期的picker" tabindex="-1">可以选择日期的picker <a class="header-anchor" href="#可以选择日期的picker" aria-label="Permalink to &quot;可以选择日期的picker&quot;">​</a></h5><div class="card"><div class="text"><!--[--><h2 id="基础用法" tabindex="-1">基础用法 <a class="header-anchor" href="#基础用法" aria-label="Permalink to &quot;基础用法&quot;">​</a></h2><p>设置type 为 date 或 daterange 分别显示选择单日和选择范围类型。</p><p>设置属性 placement 可以更改选择器出现的方向</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean" style="width:600px;"><div style="padding:0 10px;"><div class="demonstration">基础</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-8265" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">带快捷选项</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-5492" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 600px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">基础</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">带快捷选项</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :disabled-date</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;disabledDate&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :shortcuts</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;shortcuts&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="不同选择" tabindex="-1">不同选择 <a class="header-anchor" href="#不同选择" aria-label="Permalink to &quot;不同选择&quot;">​</a></h2><p>可以选择不同的格式选择</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean"><div style="padding:0 10px;"><div class="demonstration">年</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--year" aria-describedby="fei-popper-1890" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择年" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">周</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--week" aria-describedby="fei-popper-5628" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择周" readonly name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">月</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--month" aria-describedby="fei-popper-8329" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择月" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">多个日期</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--dates" aria-describedby="fei-popper-5694" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择一个或多个日期" readonly name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">年</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;year&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择年&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">周</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;week&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        format</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;gggg 第 ww 周&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择周&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">月</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value3&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;month&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择月&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">多个日期</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value4&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;dates&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择一个或多个日期&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="日期范围" tabindex="-1">日期范围 <a class="header-anchor" href="#日期范围" aria-label="Permalink to &quot;日期范围&quot;">​</a></h2><p>设置type 为 daterange 设置范围类型。</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean" style="width:600px;"><div style="padding:0 10px;"><div class="demonstration">基础</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--daterange" aria-describedby="fei-popper-7346" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">带快捷选项</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--daterange" aria-describedby="fei-popper-9887" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 600px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">基础</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;daterange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">带快捷选项</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;daterange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        unlink-panels</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :shortcuts</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;shortcuts&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="月份范围" tabindex="-1">月份范围 <a class="header-anchor" href="#月份范围" aria-label="Permalink to &quot;月份范围&quot;">​</a></h2><p>可在一个选择器中便捷地选择一个月份范围</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean" style="width:600px;"><div style="padding:0 10px;"><div class="demonstration">基础</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--monthrange" aria-describedby="fei-popper-5095" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="开始月份" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束月份" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">带快捷选项</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--monthrange" aria-describedby="fei-popper-4670" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="开始月份" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束月份" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 600px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">基础</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;monthrange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始月份&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束月份&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">带快捷选项</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;monthrange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        unlink-panels</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始月份&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束月份&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :shortcuts</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;shortcuts&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="默认值" tabindex="-1">默认值 <a class="header-anchor" href="#默认值" aria-label="Permalink to &quot;默认值&quot;">​</a></h2><p>如果用户没有选择日期，那默认展示当前日的月份。你可以使用 default-value 来设置成其他的日期</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean" style="width:600px;"><div style="padding:0 10px;"><div class="demonstration">date</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-503" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="Pick a date" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">daterange</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--daterange" aria-describedby="fei-popper-8470" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="Start Date" class="fei-range-input"><!--[--><span class="fei-range-separator">-</span><!--]--><input autocomplete="off" name placeholder="End Date" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 600px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">date</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;Pick a date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-value</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;new Date(2020, 4, 27)&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">daterange</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;daterange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;Start Date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;End Date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-value</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;[new Date(2020, 1, 1), new Date(2020, 10, 1)]&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="禁用状态" tabindex="-1">禁用状态 <a class="header-anchor" href="#禁用状态" aria-label="Permalink to &quot;禁用状态&quot;">​</a></h2><!--]--></div><div class="example"><div class="center"><!--[--><div flex="box:mean" style="width:600px;"><div style="padding:0 10px;"><div class="demonstration">date</div><!--[--><div class="fei-input-wrapper fei-input-type-text is-disabled fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-6606" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-disabled fei-input-with-prefix fei-input-with-suffix" placeholder="Pick a date" disabled name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">daterange</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--daterange is-disabled" aria-describedby="fei-popper-5028" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-calendar"></i><input autocomplete="off" name placeholder="Start Date" disabled class="fei-range-input"><!--[--><span class="fei-range-separator">-</span><!--]--><input autocomplete="off" name placeholder="End Date" disabled class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 600px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">date</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;Pick a date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        disabled</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-value</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;new Date(2020, 4, 27)&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">daterange</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;daterange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;Start Date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;End Date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        disabled</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-value</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;[new Date(2020, 1, 1), new Date(2020, 10, 1)]&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="日期格式" tabindex="-1">日期格式 <a class="header-anchor" href="#日期格式" aria-label="Permalink to &quot;日期格式&quot;">​</a></h2><p>使用format指定输入框的格式。 默认情况下，组件接受并返回Date对象。可以参考dayjs支持的format参数</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="cross:center"><div style="padding:0 10px;width:300px;"><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-7115" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div>值：</div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;cross:center&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px; width: 300px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        format</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;YYYY 年 MM 月 DD 日&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">值：{{ value1 }}</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="不同尺寸" tabindex="-1">不同尺寸 <a class="header-anchor" href="#不同尺寸" aria-label="Permalink to &quot;不同尺寸&quot;">​</a></h2><p>和其他控件一样，拥有四种尺寸</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="cross:center box:mean"><div style="padding:0 10px;"><!--[--><div class="fei-input-wrapper fei-input-wrapper-large fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-4916" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-large fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-4942" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><!--[--><div class="fei-input-wrapper fei-input-wrapper-small fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-2534" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-small fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><!--[--><div class="fei-input-wrapper fei-input-wrapper-mini fei-input-type-text fei-date-editor fei-date-editor--date" aria-describedby="fei-popper-4798" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-mini fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-calendar"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;cross:center box:mean&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        size</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;large&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        size</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;small&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        size</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;mini&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;date&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="日期时间" tabindex="-1">日期时间 <a class="header-anchor" href="#日期时间" aria-label="Permalink to &quot;日期时间&quot;">​</a></h2><p>可以设置日期时间同时选择</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="cross:center box:mean"><div style="padding:0 10px;"><div class="demonstration">基础</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--datetime" aria-describedby="fei-popper-3998" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期时间" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-time-circle"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">带快捷选项</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--datetime" aria-describedby="fei-popper-5642" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期时间" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-time-circle"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">默认时间</div><!--[--><div class="fei-input-wrapper fei-input-type-text fei-date-editor fei-date-editor--datetime" aria-describedby="fei-popper-5433" style=""><!--[--><!----><input autocomplete="off" type="text" class="fei-input fei-input-with-prefix fei-input-with-suffix" placeholder="选择日期时间" name="" value="" number="false"><span class="fei-input-prefix"><!--[--><i class="f-iconfont f-icon-time-circle"></i><!--]--></span><span class="fei-input-suffix"><!----><!----><!----><!--[--><i class="f-iconfont"></i><!--]--><!----></span><!----><!----><!----><!--]--></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;cross:center box:mean&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">基础</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetime&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期时间&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">带快捷选项</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetime&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期时间&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :shortcuts</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;shortcuts&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">默认时间</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value3&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetime&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;选择日期时间&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-time</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;new Date(2000, 1, 1, 12, 0, 0)&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="日期时间范围" tabindex="-1">日期时间范围 <a class="header-anchor" href="#日期时间范围" aria-label="Permalink to &quot;日期时间范围&quot;">​</a></h2><p>日期时间范围设置</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="cross:center box:mean" style="width:800px;"><div style="padding:0 10px;"><div class="demonstration">基础</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--datetimerange" aria-describedby="fei-popper-7571" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-time-circle"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">带快捷选项</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--datetimerange" aria-describedby="fei-popper-7878" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-time-circle"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;cross:center box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 800px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">基础</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetimerange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">带快捷选项</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetimerange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :shortcuts</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;shortcuts&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><div class="card"><div class="text"><!--[--><h2 id="默认的起始结束时间" tabindex="-1">默认的起始结束时间 <a class="header-anchor" href="#默认的起始结束时间" aria-label="Permalink to &quot;默认的起始结束时间&quot;">​</a></h2><p>默认的起始结束时间</p><!--]--></div><div class="example"><div class="center"><!--[--><div flex="cross:center box:mean" style="width:800px;"><div style="padding:0 10px;"><div class="demonstration">起始日期时刻为 12:00:00</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--datetimerange" aria-describedby="fei-popper-7972" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-time-circle"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div><div style="padding:0 10px;"><div class="demonstration">起始日期时刻为 12:00:00，结束日期时刻为 08:00:00</div><!--[--><div class="fei-date-editor fei-range-editor fei-input fei-date-editor--datetimerange" aria-describedby="fei-popper-3659" style=""><i class="fei-input__icon f-iconfont fei-range__icon f-icon-time-circle"></i><input autocomplete="off" name placeholder="开始日期" class="fei-range-input"><!--[--><span class="fei-range-separator">至</span><!--]--><input autocomplete="off" name placeholder="结束日期" class="fei-range-input"><i class="fei-input__icon f-iconfont"></i></div><!--teleport start--><!--teleport end--><!--]--></div></div><!--]--></div></div><div class="slotcode"><div class="code" data-v-eb2a5129><div class="noti-code" data-v-eb2a5129><i class="bx bx-check" data-v-eb2a5129></i> Code copied </div><header class="header-codex" data-v-eb2a5129><ul data-v-eb2a5129><!----><!----><li title="Copy code" class="" data-v-eb2a5129><i class="bx bx-copy" data-v-eb2a5129></i></li><li title="View code" class="not-a con-link" data-v-eb2a5129><i class="bx bx-code-alt" data-v-eb2a5129></i></li></ul></header><div style="display:none;" class="con-code" data-v-eb2a5129><ul class="ul-codes" data-v-eb2a5129><li class="active" data-v-eb2a5129> Template </li><li class="" data-v-eb2a5129> Script </li><!----><li class="" data-v-eb2a5129> All </li></ul><div class="con-codes" data-v-eb2a5129><div class="slot-template slots" data-v-eb2a5129><!--[--><!--[--><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes rose-pine-moon rose-pine-moon vp-code"><code><span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> flex</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;cross:center box:mean&quot;</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;width: 800px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">起始日期时刻为 12:00:00</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value1&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetimerange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-time</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;[new Date(2021, 1, 1, 12, 0, 0)]&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> style</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;padding: 0 10px&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;"> class</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;demonstration&quot;</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span><span style="--shiki-light:#E0DEF4;--shiki-dark:#E0DEF4;">起始日期时刻为 12:00:00，结束日期时刻为 08:00:00</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &lt;</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        v-model</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;value2&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        type</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;datetimerange&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        range-separator</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;至&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        start-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;开始日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        end-placeholder</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;结束日期&quot;</span></span>
<span class="line"><span style="--shiki-light:#C4A7E7;--shiki-dark:#C4A7E7;--shiki-light-font-style:italic;--shiki-dark-font-style:italic;">        :default-time</span><span style="--shiki-light:#908CAA;--shiki-dark:#908CAA;">=</span><span style="--shiki-light:#F6C177;--shiki-dark:#F6C177;">&quot;[new Date(2021, 1, 1, 12, 0, 0), new Date(2021, 2, 1, 8, 0, 0)]&quot;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">      &gt;&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">f-date-picker</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">    &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">  &lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">div</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span>
<span class="line"><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&lt;/</span><span style="--shiki-light:#9CCFD8;--shiki-dark:#9CCFD8;">template</span><span style="--shiki-light:#6E6A86;--shiki-dark:#6E6A86;">&gt;</span></span></code></pre></div><!--]--><!--]--><footer title="View code" class="footer-code" data-v-eb2a5129><i class="bx bx-hide" data-v-eb2a5129></i></footer></div><!----><!----><!----></div></div></div></div></div><h2 id="props" tabindex="-1">Props <a class="header-anchor" href="#props" aria-label="Permalink to &quot;Props&quot;">​</a></h2><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>value / v-model</td><td>绑定值</td><td>date(DatePicker) / array(DateRangePicker)</td><td>—</td><td>—</td></tr><tr><td>readonly</td><td>完全只读</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>disabled</td><td>禁用</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>editable</td><td>文本框可输入</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>clearable</td><td>是否显示清除按钮</td><td>boolean</td><td>—</td><td>true</td></tr><tr><td>size</td><td>输入框尺寸</td><td>string</td><td>large/medium/small/mini</td><td>large</td></tr><tr><td>placeholder</td><td>非范围选择时的占位内容</td><td>string</td><td>—</td><td>—</td></tr><tr><td>start-placeholder</td><td>范围选择时开始日期的占位内容</td><td>string</td><td>—</td><td>—</td></tr><tr><td>end-placeholder</td><td>范围选择时结束日期的占位内容</td><td>string</td><td>—</td><td>—</td></tr><tr><td>type</td><td>显示类型</td><td>string</td><td>year/month/date/dates/ week/datetime/datetimerange/ daterange/monthrange</td><td>date</td></tr><tr><td>format</td><td>显示在输入框中的格式</td><td>string</td><td>YYYY MM DD hh mm ss</td><td>YYYY-MM-DD</td></tr><tr><td>popper-class</td><td>DatePicker 下拉框的类名</td><td>string</td><td>—</td><td>—</td></tr><tr><td>range-separator</td><td>选择范围时的分隔符</td><td>string</td><td>—</td><td>&#39;-&#39;</td></tr><tr><td>default-value</td><td>可选，选择器打开时默认显示的时间</td><td>Date</td><td>可被<code>new Date()</code>解析</td><td>—</td></tr><tr><td>default-time</td><td>范围选择时选中日期所使用的当日内具体时刻</td><td>Date[]</td><td>数组，长度为 2，第一项指定开始日期的时刻，第二项指定结束日期的时刻，不指定会使用时刻 <code>00:00:00</code></td><td>—</td></tr><tr><td>unlink-panels</td><td>在范围选择器里取消两个日期面板之间的联动</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>prefix-icon</td><td>自定义头部图标的类名</td><td>string</td><td>—</td><td>—</td></tr><tr><td>clear-icon</td><td>自定义清空图标的类名</td><td>string</td><td>—</td><td>—</td></tr><tr><td>validate-event</td><td>输入时是否触发表单的校验</td><td>boolean</td><td>-</td><td>true</td></tr><tr><td>shortcuts</td><td>设置快捷选项，需要传入数组对象</td><td>object[{ text: string, value: Date }]</td><td>—</td><td>—</td></tr><tr><td>disabledDate</td><td>设置禁用状态，参数为当前日期，要求返回 Boolean</td><td>Function</td><td>—</td><td>—</td></tr></tbody></table><h2 id="events" tabindex="-1">Events <a class="header-anchor" href="#events" aria-label="Permalink to &quot;Events&quot;">​</a></h2><table><thead><tr><th>事件名称</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>change</td><td>用户确认选定的值时触发</td><td>组件绑定值</td></tr><tr><td>blur</td><td>当 input 失去焦点时触发</td><td>组件实例</td></tr><tr><td>focus</td><td>当 input 获得焦点时触发</td><td>组件实例</td></tr></tbody></table><h2 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h2><table><thead><tr><th>方法名</th><th>说明</th><th>参数</th></tr></thead><tbody><tr><td>focus</td><td>使 input 获取焦点</td><td>—</td></tr></tbody></table></div></div></div><footer class="page-edit"><div class="last-updated"><span class="prefix">最后更新: </span><span class="time">2024-01-27 01:26:11</span></div></footer><div class="page-nav"><p class="inner"><!----><span class="next"><a href="/guide/introduction"><span>introduction</span><i class="bx bx-chevron-right"></i></a></span></p></div><!--[--><!--]--><div class="up"><i class="bx bx-chevron-up"></i></div><footer class="footer" data-v-36e8006f><div class="footer__uls" data-v-36e8006f><!--[--><ul data-v-36e8006f><li class="title" data-v-36e8006f>FEI-UI-DESIGN</li><!--[--><li data-v-36e8006f><a target="_blank" href="/guide/introduction" data-v-36e8006f>介绍</a></li><li data-v-36e8006f><a target="_blank" href="/guide/installation" data-v-36e8006f>快速上手</a></li><li data-v-36e8006f><a target="_blank" href="/guide/jsx" data-v-36e8006f>指南</a></li><!--]--></ul><ul data-v-36e8006f><li class="title" data-v-36e8006f>资源</li><!--[--><li data-v-36e8006f><a target="_blank" href="/guide/introduction" data-v-36e8006f>文档</a></li><li data-v-36e8006f><a target="_blank" href="/components/button" data-v-36e8006f>组件</a></li><!--]--></ul><ul data-v-36e8006f><li class="title" data-v-36e8006f>帮助</li><!--[--><li data-v-36e8006f><a target="_blank" href="https://github.com/ymf-930/fei-ui-design/issues" data-v-36e8006f>Github Issues</a></li><li data-v-36e8006f><a target="_blank" href="https://gitee.com/ymf930/fei-ui-design/issues" data-v-36e8006f>Gitee Issues</a></li><!--]--></ul><ul data-v-36e8006f><li class="title" data-v-36e8006f>社区</li><!--[--><li data-v-36e8006f><a target="_blank" href="https://github.com/ymf-930/fei-ui-design/" data-v-36e8006f>Github</a></li><li data-v-36e8006f><a target="_blank" href="https://gitee.com/ymf930/fei-ui-design" data-v-36e8006f>Gitee</a></li><!--]--></ul><!--]--></div><div class="copy" data-v-36e8006f><span class="span-copy" data-v-36e8006f> Copyright © 2023 FEI-UI-DESIGN </span><span class="span-lusaxweb" data-v-36e8006f><span data-v-36e8006f> Created By </span><a target="_blank" href="http://lusaxweb.net" data-v-36e8006f>后来@</a></span></div></footer></main><aside class="sidebar" data-v-818e4420><svg class="effect1" xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><path id="Trazado_200" data-name="Trazado 200" d="M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z" transform="translate(0 10)"></path></svg><div class="content-sidebar"><!--[--><!--]--><ul class="sidebar-links"><!--[--><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>通用组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/icon" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-fire" style=""></i> 图标 <span>(Icon)</span></a></li><li class=""><a href="/fei-ui-design/components/button" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-Youtube" style=""></i> 按钮 <span>(Button)</span></a></li><li class=""><a href="/fei-ui-design/components/card" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-creditcard" style=""></i> 卡片 <span>(Card)</span></a></li><li class=""><a href="/fei-ui-design/components/collapse" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-interation" style=""></i> 折叠面板 <span>(Collapse)</span></a></li><li class=""><a href="/fei-ui-design/components/divider" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-line" style=""></i> 分割线 <span>(Divider)</span></a></li><li class=""><a href="/fei-ui-design/components/dropdown" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-caret-down" style=""></i> 下拉菜单 <span>(Dropdown)</span></a></li><li class=""><a href="/fei-ui-design/components/tag" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-tags" style=""></i> 标签 <span>(Tag)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>布局组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/layout" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-layout" style=""></i> 布局 <span>(Layout)</span></a></li><li class=""><a href="/fei-ui-design/components/grid" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-appstore" style=""></i> 栅格 <span>(Grid)</span></a></li><li class=""><a href="/fei-ui-design/components/space" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-swap" style=""></i> 间距 <span>(Space)</span></a></li><li class=""><a href="/fei-ui-design/components/split" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-block" style=""></i> 分割面板 <span>(Split)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>数据录入组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/input" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-edit-square" style=""></i> 输入框 <span>(Input)</span></a></li><li class=""><a href="/fei-ui-design/components/input-number" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-shake" style=""></i> 数字输入 <span>(InputNumber)</span></a></li><li class=""><a href="/fei-ui-design/components/radio" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-plus-circle" style=""></i> 单选框 <span>(Radio)</span></a></li><li class=""><a href="/fei-ui-design/components/checkbox" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-check-square" style=""></i> 多选框 <span>(Checkbox)</span></a></li><li class=""><a href="/fei-ui-design/components/switch" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-build" style=""></i> 开关 <span>(Switch)</span></a></li><li class=""><a href="/fei-ui-design/components/select" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-unorderedlist" style=""></i> 选择器 <span>(Select)</span></a></li><li class=""><a href="/fei-ui-design/components/cascader" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-pic-left" style=""></i> 级联选择 <span>(Cascader)</span></a></li><li class="active"><a href="/fei-ui-design/components/date-picker" title class="sidebar-link active"><i class="fei-icon f-iconfont f-icon-calendar" style=""></i> 日期选择器 <span>(DatePicker)</span></a></li><li class=""><a href="/fei-ui-design/components/time-picker" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-time-circle" style=""></i> 时间选择器 <span>(TimePicker)</span></a></li><li class=""><a href="/fei-ui-design/components/color-picker" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-bg-colors" style=""></i> 颜色选择器 <span>(ColorPicker)</span></a></li><li class=""><a href="/fei-ui-design/components/rate" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-star" style=""></i> 评分 <span>(Rate)</span></a></li><li class=""><a href="/fei-ui-design/components/slider" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-minus" style=""></i> 滑块 <span>(Slider)</span></a></li><li class=""><a href="/fei-ui-design/components/upload" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-cloud-upload" style=""></i> 上传 <span>(Upload)</span></a></li><li class=""><a href="/fei-ui-design/components/form" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-reconciliation" style=""></i> 表单 <span>(Form)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>数据展示组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/tree" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-branches" style=""></i> 树结构 <span>(Tree)</span></a></li><li class=""><a href="/fei-ui-design/components/table" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-table" style=""></i> 表格 <span>(Table)</span></a></li><li class=""><a href="/fei-ui-design/components/page" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-read" style=""></i> 分页 <span>(Page)</span></a></li><li class=""><a href="/fei-ui-design/components/desc" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-unorderedlist" style=""></i> 描述 <span>(Desc)</span></a></li><li class=""><a href="/fei-ui-design/components/timeline" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-arrowdown" style=""></i> 时间线 <span>(Timeline)</span></a></li><li class=""><a href="/fei-ui-design/components/calendar" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-calendar-fill" style=""></i> 日历 <span>(Calendar)</span></a></li><li class=""><a href="/fei-ui-design/components/carousel" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-appstore-fill" style=""></i> 轮播 <span>(Carousel)</span></a></li><li class=""><a href="/fei-ui-design/components/count-to" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-orderedlist" style=""></i> 数字动画 <span>(CountTo)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>导航组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/affix" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-pushpin" style=""></i> 图钉 <span>(Affix)</span></a></li><li class=""><a href="/fei-ui-design/components/anchor" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-attachment" style=""></i> 锚点 <span>(Anchor)</span></a></li><li class=""><a href="/fei-ui-design/components/back-top" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-up" style=""></i> 返回顶部 <span>(BackTop)</span></a></li><li class=""><a href="/fei-ui-design/components/breadcrumb" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-right" style=""></i> 面包屑 <span>(Breadcrumb)</span></a></li><li class=""><a href="/fei-ui-design/components/loading-bar" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-minus" style=""></i> 加载条 <span>(Loading Bar)</span></a></li><li class=""><a href="/fei-ui-design/components/menu" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-menu" style=""></i> 菜单 <span>(Menu)</span></a></li><li class=""><a href="/fei-ui-design/components/tabs" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-project" style=""></i> 标签页 <span>(Tabs)</span></a></li><li class=""><a href="/fei-ui-design/components/steps" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-arrowright" style=""></i> 步骤 <span>(Steps)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>反馈组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/alert" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-error-fill" style=""></i> 警告信息 <span>(Alert)</span></a></li><li class=""><a href="/fei-ui-design/components/badge" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-border" style=""></i> 标记 <span>(Badge)</span></a></li><li class=""><a href="/fei-ui-design/components/modal" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-idcard" style=""></i> 模态框 <span>(Modal)</span></a></li><li class=""><a href="/fei-ui-design/components/message" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-message" style=""></i> 消息提示 <span>(Message)</span></a></li><li class=""><a href="/fei-ui-design/components/message-box" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-mail" style=""></i> 弹框提示 <span>(MessageBox)</span></a></li><li class=""><a href="/fei-ui-design/components/notice" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-notification" style=""></i> 通知 <span>(Notice)</span></a></li><li class=""><a href="/fei-ui-design/components/tooltip" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-info-circle" style=""></i> 弹出提示 <span>(Tooltip)</span></a></li><li class=""><a href="/fei-ui-design/components/popover" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-question-circle" style=""></i> 弹出信息 <span>(Popover)</span></a></li><li class=""><a href="/fei-ui-design/components/drawer" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-build" style=""></i> 抽屉 <span>(Drawer)</span></a></li><li class=""><a href="/fei-ui-design/components/skeleton" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-sever-fill" style=""></i> 骨架屏 <span>(Skeleton)</span></a></li><li class=""><a href="/fei-ui-design/components/loading" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-loading" style=""></i> 加载 <span>(Loading)</span></a></li><li class=""><a href="/fei-ui-design/components/progress" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-hourglass" style=""></i> 进度条 <span>(Progress)</span></a></li><li class=""><a href="/fei-ui-design/components/circle" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-redo" style=""></i> 进度环 <span>(Circle)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>内置组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/fei-ui-design/components/empty" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-border" style=""></i> 空状态 <span>(Empty)</span></a></li><li class=""><a href="/fei-ui-design/components/scrollbar" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-container" style=""></i> 滚动组件 <span>(Scrollbar)</span></a></li><li class=""><a href="/fei-ui-design/components/popper" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-pic-center" style=""></i> 弹层 <span>(Popper)</span></a></li><!--]--></ul></section></li><li class=""><section class="sidebar-group collapsable depth-0"><p class="open sidebar-heading"><span>配置组件</span><i class="bx bx-chevron-right"></i></p><ul class="sidebar-links sidebar-group-items"><!--[--><li class=""><a href="/components/config-provider" title class="sidebar-link"><i class="fei-icon f-iconfont f-icon-setting" style=""></i> 全局配置 <span>(ConfigProvider)</span></a></li><!--]--></ul></section></li><!--]--></ul><!--[--><!--]--></div></aside><!----></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"components_breadcrumb.md\":\"Bg1uZ2l2\",\"components_card.md\":\"5vBOail9\",\"components_back-top.md\":\"NOXjEB41\",\"components_desc.md\":\"NNy8sdZB\",\"components_affix.md\":\"q2WWgWAm\",\"components_alert.md\":\"EzvdKauv\",\"components_empty.md\":\"Iqk9Sbur\",\"components_notice.md\":\"_NAs6-A7\",\"components_calendar.md\":\"JigwWurO\",\"components_message-box.md\":\"fCCAsymk\",\"components_rate.md\":\"9KkdoNnr\",\"components_loading-bar.md\":\"tkY5C0GZ\",\"components_divider.md\":\"IS1ZOnvq\",\"components_collapse.md\":\"0u5rpv51\",\"components_layout.md\":\"ODBV3zhY\",\"components_drawer.md\":\"CrRyiXyC\",\"components_anchor.md\":\"s14wXJS8\",\"components_scrollbar.md\":\"6vQ32Hdn\",\"components_popover.md\":\"wYQmpkgs\",\"components_message.md\":\"NO65C7hX\",\"components_circle.md\":\"ryx4IdBG\",\"components_popper.md\":\"5Fyiy38Q\",\"components_badge.md\":\"oO7JxteH\",\"components_page.md\":\"kNgnJY-a\",\"components_count-to.md\":\"eHOBDHvp\",\"guide_custom-theme.md\":\"n1FWcWco\",\"guide_common-directive.md\":\"nT9B4UFj\",\"components_slider.md\":\"DI2RI7Rr\",\"components_progress.md\":\"eFjRj96_\",\"components_checkbox.md\":\"7F5dha0P\",\"guide_changelog.md\":\"0yWmpxcB\",\"guide_jsx.md\":\"8hwr5r-5\",\"components_split.md\":\"wUEP-Ht5\",\"components_icon.md\":\"dZIqeyJA\",\"guide_common-transition.md\":\"MscjPGVR\",\"guide_installation.md\":\"j6S0f9nJ\",\"components_switch.md\":\"vcak84L_\",\"components_config-provider.md\":\"nBaHjQiX\",\"components_carousel.md\":\"NtUqJ85A\",\"components_select.md\":\"0rxZmlt4\",\"index.md\":\"soxSuBHK\",\"guide_introduction.md\":\"2mVny5Oj\",\"components_upload.md\":\"U3QoNCTf\",\"guide_usage-sfc.md\":\"rW-UMWov\",\"components_dropdown.md\":\"51EVo7GJ\",\"components_button.md\":\"rxuz04JE\",\"components_modal.md\":\"4bWdPtB_\",\"components_skeleton.md\":\"v-GES9KU\",\"guide_color-design.md\":\"cVmivjOg\",\"guide_import-on-demand.md\":\"t0iAz-CI\",\"components_loading.md\":\"DGAeDdDQ\",\"components_input-number.md\":\"2tw-2fEx\",\"components_timeline.md\":\"Py8dhkSr\",\"components_space.md\":\"qly7dGS4\",\"components_steps.md\":\"Nje8YnTW\",\"components_time-picker.md\":\"zWM_dqXm\",\"components_radio.md\":\"Nt3d-szh\",\"components_grid.md\":\"h2dg77Kz\",\"components_color-picker.md\":\"vP55BNVo\",\"components_tooltip.md\":\"y5xaDDhE\",\"components_menu.md\":\"7c_ihj_r\",\"components_tag.md\":\"U2sf24zV\",\"components_input.md\":\"dJc4_w-S\",\"components_tabs.md\":\"aWS6wiSt\",\"components_date-picker.md\":\"9ogHh5Jw\",\"guide_common-css.md\":\"uhWWbi3e\",\"components_cascader.md\":\"Qiv-ax3R\",\"components_form.md\":\"oq_ykolk\",\"guide_common-api.md\":\"ctudm0v6\",\"components_tree.md\":\"LtXYhey_\",\"components_table.md\":\"ZqShECt8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"FEI-UI-DESIGN\",\"description\":\"A VitePress site\",\"base\":\"/fei-ui-design/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/gumingWu/vitepress-fun\"}],\"repo\":\"ymf-930/fei-ui-design\",\"docsDir\":\"/docs\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"文档\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"text\":\"组件\",\"link\":\"/fei-ui-design/components/button\"}],\"locales\":{\"/\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/fei-ui-design/\"},{\"text\":\"Document\",\"link\":\"/fei-ui-design//guide/\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/fei-ui-design//guide/\"},{\"text\":\"Getting Started\",\"link\":\"/fei-ui-design//guide/gettingStarted\"}]},{\"text\":\"Components\",\"link\":\"/fei-ui-design//components\",\"items\":[{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/fei-ui-design//components/\"},{\"text\":\"Alert\",\"link\":\"/fei-ui-design//components/Alert\"},{\"text\":\"Loading\",\"link\":\"/fei-ui-design//components/Loading\"},{\"text\":\"Input\",\"link\":\"/fei-ui-design//components/Input\"},{\"text\":\"Checkbox\",\"link\":\"/fei-ui-design//components/Checkbox\"},{\"text\":\"Switch\",\"link\":\"/fei-ui-design//components/Switch\"},{\"text\":\"Select\",\"link\":\"/fei-ui-design//components/Select\"},{\"text\":\"Avatar\",\"link\":\"/fei-ui-design//components/Avatar\"},{\"text\":\"Notification\",\"link\":\"/fei-ui-design//components/Notification\"},{\"text\":\"Radio\",\"link\":\"/fei-ui-design//components/Radio\"},{\"text\":\"Tooltip\",\"link\":\"/fei-ui-design//components/Tooltip\"},{\"text\":\"Dialog\",\"link\":\"/fei-ui-design//components/Dialog\"},{\"text\":\"Pagination\",\"link\":\"/fei-ui-design//components/Pagination\"},{\"text\":\"Table\",\"link\":\"/fei-ui-design//components/Table\"},{\"text\":\"Navbar\",\"link\":\"/fei-ui-design//components/Navbar\"},{\"text\":\"Sidebar\",\"link\":\"/fei-ui-design//components/Sidebar\"},{\"text\":\"Card\",\"link\":\"/fei-ui-design//components/Card\"}]}]}],\"sidebar\":{\"/\":[{\"title\":\"介绍\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"Fei UI Design\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"title\":\"变更日志\",\"link\":\"/fei-ui-design/guide/changelog\"}]},{\"title\":\"快速上手\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"安装\",\"link\":\"/fei-ui-design/guide/installation\"},{\"title\":\"在 SFC 中使用\",\"link\":\"/fei-ui-design/guide/usage-sfc\"},{\"title\":\"按需引入\",\"link\":\"/fei-ui-design/guide/import-on-demand\"}]},{\"title\":\"指南\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"JSX & TSX\",\"link\":\"/fei-ui-design/guide/jsx\"},{\"title\":\"色彩设计\",\"link\":\"/fei-ui-design/guide/color-design\"},{\"title\":\"调整主题\",\"link\":\"/fei-ui-design/guide/custom-theme\"},{\"title\":\"通用样式\",\"link\":\"/fei-ui-design/guide/common-css\"},{\"title\":\"帮助函数\",\"link\":\"/fei-ui-design/guide/common-api\"},{\"title\":\"组件指令\",\"link\":\"/fei-ui-design/guide/common-directive\"},{\"title\":\"内置动画\",\"link\":\"/fei-ui-design/guide/common-transition\"}]},{\"title\":\"通用组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图标\",\"link\":\"/fei-ui-design/components/icon\",\"icon\":\"fire\",\"alias\":\"Icon\"},{\"title\":\"按钮\",\"link\":\"/fei-ui-design/components/button\",\"icon\":\"Youtube\",\"alias\":\"Button\"},{\"title\":\"卡片\",\"link\":\"/fei-ui-design/components/card\",\"icon\":\"creditcard\",\"alias\":\"Card\"},{\"title\":\"折叠面板\",\"link\":\"/fei-ui-design/components/collapse\",\"icon\":\"interation\",\"alias\":\"Collapse\"},{\"title\":\"分割线\",\"link\":\"/fei-ui-design/components/divider\",\"icon\":\"line\",\"alias\":\"Divider\"},{\"title\":\"下拉菜单\",\"link\":\"/fei-ui-design/components/dropdown\",\"icon\":\"caret-down\",\"alias\":\"Dropdown\"},{\"title\":\"标签\",\"link\":\"/fei-ui-design/components/tag\",\"icon\":\"tags\",\"alias\":\"Tag\"}]},{\"title\":\"布局组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"布局\",\"link\":\"/fei-ui-design/components/layout\",\"icon\":\"layout\",\"alias\":\"Layout\"},{\"title\":\"栅格\",\"link\":\"/fei-ui-design/components/grid\",\"icon\":\"appstore\",\"alias\":\"Grid\"},{\"title\":\"间距\",\"link\":\"/fei-ui-design/components/space\",\"icon\":\"swap\",\"alias\":\"Space\"},{\"title\":\"分割面板\",\"link\":\"/fei-ui-design/components/split\",\"icon\":\"block\",\"alias\":\"Split\"}]},{\"title\":\"数据录入组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"输入框\",\"link\":\"/fei-ui-design/components/input\",\"icon\":\"edit-square\",\"alias\":\"Input\"},{\"title\":\"数字输入\",\"link\":\"/fei-ui-design/components/input-number\",\"icon\":\"shake\",\"alias\":\"InputNumber\"},{\"title\":\"单选框\",\"link\":\"/fei-ui-design/components/radio\",\"icon\":\"plus-circle\",\"alias\":\"Radio\"},{\"title\":\"多选框\",\"link\":\"/fei-ui-design/components/checkbox\",\"icon\":\"check-square\",\"alias\":\"Checkbox\"},{\"title\":\"开关\",\"link\":\"/fei-ui-design/components/switch\",\"icon\":\"build\",\"alias\":\"Switch\"},{\"title\":\"选择器\",\"link\":\"/fei-ui-design/components/select\",\"icon\":\"unorderedlist\",\"alias\":\"Select\"},{\"title\":\"级联选择\",\"link\":\"/fei-ui-design/components/cascader\",\"icon\":\"pic-left\",\"alias\":\"Cascader\"},{\"title\":\"日期选择器\",\"link\":\"/fei-ui-design/components/date-picker\",\"icon\":\"calendar\",\"alias\":\"DatePicker\"},{\"title\":\"时间选择器\",\"link\":\"/fei-ui-design/components/time-picker\",\"icon\":\"time-circle\",\"alias\":\"TimePicker\"},{\"title\":\"颜色选择器\",\"link\":\"/fei-ui-design/components/color-picker\",\"icon\":\"bg-colors\",\"alias\":\"ColorPicker\"},{\"title\":\"评分\",\"link\":\"/fei-ui-design/components/rate\",\"icon\":\"star\",\"alias\":\"Rate\"},{\"title\":\"滑块\",\"link\":\"/fei-ui-design/components/slider\",\"icon\":\"minus\",\"alias\":\"Slider\"},{\"title\":\"上传\",\"link\":\"/fei-ui-design/components/upload\",\"icon\":\"cloud-upload\",\"alias\":\"Upload\"},{\"title\":\"表单\",\"link\":\"/fei-ui-design/components/form\",\"icon\":\"reconciliation\",\"alias\":\"Form\"}]},{\"title\":\"数据展示组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"树结构\",\"link\":\"/fei-ui-design/components/tree\",\"icon\":\"branches\",\"alias\":\"Tree\"},{\"title\":\"表格\",\"link\":\"/fei-ui-design/components/table\",\"icon\":\"table\",\"alias\":\"Table\"},{\"title\":\"分页\",\"link\":\"/fei-ui-design/components/page\",\"icon\":\"read\",\"alias\":\"Page\"},{\"title\":\"描述\",\"link\":\"/fei-ui-design/components/desc\",\"icon\":\"unorderedlist\",\"alias\":\"Desc\"},{\"title\":\"时间线\",\"link\":\"/fei-ui-design/components/timeline\",\"icon\":\"arrowdown\",\"alias\":\"Timeline\"},{\"title\":\"日历\",\"link\":\"/fei-ui-design/components/calendar\",\"icon\":\"calendar-fill\",\"alias\":\"Calendar\"},{\"title\":\"轮播\",\"link\":\"/fei-ui-design/components/carousel\",\"icon\":\"appstore-fill\",\"alias\":\"Carousel\"},{\"title\":\"数字动画\",\"link\":\"/fei-ui-design/components/count-to\",\"icon\":\"orderedlist\",\"alias\":\"CountTo\"}]},{\"title\":\"导航组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图钉\",\"link\":\"/fei-ui-design/components/affix\",\"icon\":\"pushpin\",\"alias\":\"Affix\"},{\"title\":\"锚点\",\"link\":\"/fei-ui-design/components/anchor\",\"icon\":\"attachment\",\"alias\":\"Anchor\"},{\"title\":\"返回顶部\",\"link\":\"/fei-ui-design/components/back-top\",\"icon\":\"up\",\"alias\":\"BackTop\"},{\"title\":\"面包屑\",\"link\":\"/fei-ui-design/components/breadcrumb\",\"icon\":\"right\",\"alias\":\"Breadcrumb\"},{\"title\":\"加载条\",\"link\":\"/fei-ui-design/components/loading-bar\",\"icon\":\"minus\",\"alias\":\"Loading Bar\"},{\"title\":\"菜单\",\"link\":\"/fei-ui-design/components/menu\",\"icon\":\"menu\",\"alias\":\"Menu\"},{\"title\":\"标签页\",\"link\":\"/fei-ui-design/components/tabs\",\"icon\":\"project\",\"alias\":\"Tabs\"},{\"title\":\"步骤\",\"link\":\"/fei-ui-design/components/steps\",\"icon\":\"arrowright\",\"alias\":\"Steps\"}]},{\"title\":\"反馈组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"警告信息\",\"link\":\"/fei-ui-design/components/alert\",\"icon\":\"error-fill\",\"alias\":\"Alert\"},{\"title\":\"标记\",\"link\":\"/fei-ui-design/components/badge\",\"icon\":\"border\",\"alias\":\"Badge\"},{\"title\":\"模态框\",\"link\":\"/fei-ui-design/components/modal\",\"icon\":\"idcard\",\"alias\":\"Modal\"},{\"title\":\"消息提示\",\"link\":\"/fei-ui-design/components/message\",\"icon\":\"message\",\"alias\":\"Message\"},{\"title\":\"弹框提示\",\"link\":\"/fei-ui-design/components/message-box\",\"icon\":\"mail\",\"alias\":\"MessageBox\"},{\"title\":\"通知\",\"link\":\"/fei-ui-design/components/notice\",\"icon\":\"notification\",\"alias\":\"Notice\"},{\"title\":\"弹出提示\",\"link\":\"/fei-ui-design/components/tooltip\",\"icon\":\"info-circle\",\"alias\":\"Tooltip\"},{\"title\":\"弹出信息\",\"link\":\"/fei-ui-design/components/popover\",\"icon\":\"question-circle\",\"alias\":\"Popover\"},{\"title\":\"抽屉\",\"link\":\"/fei-ui-design/components/drawer\",\"icon\":\"build\",\"alias\":\"Drawer\"},{\"title\":\"骨架屏\",\"link\":\"/fei-ui-design/components/skeleton\",\"icon\":\"sever-fill\",\"alias\":\"Skeleton\"},{\"title\":\"加载\",\"link\":\"/fei-ui-design/components/loading\",\"icon\":\"loading\",\"alias\":\"Loading\"},{\"title\":\"进度条\",\"link\":\"/fei-ui-design/components/progress\",\"icon\":\"hourglass\",\"alias\":\"Progress\"},{\"title\":\"进度环\",\"link\":\"/fei-ui-design/components/circle\",\"icon\":\"redo\",\"alias\":\"Circle\"}]},{\"title\":\"内置组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"空状态\",\"link\":\"/fei-ui-design/components/empty\",\"icon\":\"border\",\"alias\":\"Empty\"},{\"title\":\"滚动组件\",\"link\":\"/fei-ui-design/components/scrollbar\",\"icon\":\"container\",\"alias\":\"Scrollbar\"},{\"title\":\"弹层\",\"link\":\"/fei-ui-design/components/popper\",\"icon\":\"pic-center\",\"alias\":\"Popper\"}]},{\"title\":\"配置组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"全局配置\",\"link\":\"/components/config-provider\",\"icon\":\"setting\",\"alias\":\"ConfigProvider\"}]}]}},\"/es/\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/fei-ui-design/\"},{\"text\":\"文档\",\"link\":\"/fei-ui-design//guide/\",\"items\":[{\"text\":\"介绍\",\"link\":\"/fei-ui-design//guide/\"},{\"text\":\"快速开始\",\"link\":\"/fei-ui-design//guide/gettingStarted\"}]},{\"text\":\"组件\",\"link\":\"/fei-ui-design//components\",\"items\":[{\"text\":\"组件\",\"items\":[{\"text\":\"Button\",\"link\":\"/fei-ui-design//components/\"},{\"text\":\"Alert\",\"link\":\"/fei-ui-design//components/Alert\"},{\"text\":\"Loading\",\"link\":\"/fei-ui-design//components/Loading\"},{\"text\":\"Input\",\"link\":\"/fei-ui-design//components/Input\"},{\"text\":\"Checkbox\",\"link\":\"/fei-ui-design//components/Checkbox\"},{\"text\":\"Switch\",\"link\":\"/fei-ui-design//components/Switch\"},{\"text\":\"Select\",\"link\":\"/fei-ui-design//components/Select\"},{\"text\":\"Avatar\",\"link\":\"/fei-ui-design//components/Avatar\"},{\"text\":\"Notification\",\"link\":\"/fei-ui-design//components/Notification\"},{\"text\":\"Radio\",\"link\":\"/fei-ui-design//components/Radio\"},{\"text\":\"Tooltip\",\"link\":\"/fei-ui-design//components/Tooltip\"},{\"text\":\"Dialog\",\"link\":\"/fei-ui-design//components/Dialog\"},{\"text\":\"Pagination\",\"link\":\"/fei-ui-design//components/Pagination\"},{\"text\":\"Table\",\"link\":\"/fei-ui-design//components/Table\"},{\"text\":\"Navbar\",\"link\":\"/fei-ui-design//components/Navbar\"},{\"text\":\"Sidebar\",\"link\":\"/fei-ui-design//components/Sidebar\"},{\"text\":\"Card\",\"link\":\"/fei-ui-design//components/Card\"}]}]}],\"sidebar\":{\"/es/\":[{\"title\":\"Introduce\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"Fei UI Design\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"title\":\"变更日志\",\"link\":\"/fei-ui-design/guide/changelog\"}]},{\"title\":\"Get Started\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"安装\",\"link\":\"/fei-ui-design/guide/installation\"},{\"title\":\"在 SFC 中使用\",\"link\":\"/fei-ui-design/guide/usage-sfc\"},{\"title\":\"按需引入\",\"link\":\"/fei-ui-design/guide/import-on-demand\"}]},{\"title\":\"Guide\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"JSX & TSX\",\"link\":\"/fei-ui-design/guide/jsx\"},{\"title\":\"色彩设计\",\"link\":\"/fei-ui-design/guide/color-design\"},{\"title\":\"调整主题\",\"link\":\"/fei-ui-design/guide/custom-theme\"},{\"title\":\"通用样式\",\"link\":\"/fei-ui-design/guide/common-css\"},{\"title\":\"帮助函数\",\"link\":\"/fei-ui-design/guide/common-api\"},{\"title\":\"组件指令\",\"link\":\"/fei-ui-design/guide/common-directive\"},{\"title\":\"内置动画\",\"link\":\"/fei-ui-design/guide/common-transition\"}]},{\"title\":\"Common Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图标\",\"link\":\"/fei-ui-design/components/icon\",\"icon\":\"fire\",\"alias\":\"Icon\"},{\"title\":\"按钮\",\"link\":\"/fei-ui-design/components/button\",\"icon\":\"Youtube\",\"alias\":\"Button\"},{\"title\":\"卡片\",\"link\":\"/fei-ui-design/components/card\",\"icon\":\"creditcard\",\"alias\":\"Card\"},{\"title\":\"折叠面板\",\"link\":\"/fei-ui-design/components/collapse\",\"icon\":\"interation\",\"alias\":\"Collapse\"},{\"title\":\"分割线\",\"link\":\"/fei-ui-design/components/divider\",\"icon\":\"line\",\"alias\":\"Divider\"},{\"title\":\"下拉菜单\",\"link\":\"/fei-ui-design/components/dropdown\",\"icon\":\"caret-down\",\"alias\":\"Dropdown\"},{\"title\":\"标签\",\"link\":\"/fei-ui-design/components/tag\",\"icon\":\"tags\",\"alias\":\"Tag\"}]},{\"title\":\"Layout Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"布局\",\"link\":\"/fei-ui-design/components/layout\",\"icon\":\"layout\",\"alias\":\"Layout\"},{\"title\":\"栅格\",\"link\":\"/fei-ui-design/components/grid\",\"icon\":\"appstore\",\"alias\":\"Grid\"},{\"title\":\"间距\",\"link\":\"/fei-ui-design/components/space\",\"icon\":\"swap\",\"alias\":\"Space\"},{\"title\":\"分割面板\",\"link\":\"/fei-ui-design/components/split\",\"icon\":\"block\",\"alias\":\"Split\"}]},{\"title\":\"Data entry component\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"输入框\",\"link\":\"/fei-ui-design/components/input\",\"icon\":\"edit-square\",\"alias\":\"Input\"},{\"title\":\"数字输入\",\"link\":\"/fei-ui-design/components/input-number\",\"icon\":\"shake\",\"alias\":\"InputNumber\"},{\"title\":\"单选框\",\"link\":\"/fei-ui-design/components/radio\",\"icon\":\"plus-circle\",\"alias\":\"Radio\"},{\"title\":\"多选框\",\"link\":\"/fei-ui-design/components/checkbox\",\"icon\":\"check-square\",\"alias\":\"Checkbox\"},{\"title\":\"开关\",\"link\":\"/fei-ui-design/components/switch\",\"icon\":\"build\",\"alias\":\"Switch\"},{\"title\":\"选择器\",\"link\":\"/fei-ui-design/components/select\",\"icon\":\"unorderedlist\",\"alias\":\"Select\"},{\"title\":\"级联选择\",\"link\":\"/fei-ui-design/components/cascader\",\"icon\":\"pic-left\",\"alias\":\"Cascader\"},{\"title\":\"日期选择器\",\"link\":\"/fei-ui-design/components/date-picker\",\"icon\":\"calendar\",\"alias\":\"DatePicker\"},{\"title\":\"时间选择器\",\"link\":\"/fei-ui-design/components/time-picker\",\"icon\":\"time-circle\",\"alias\":\"TimePicker\"},{\"title\":\"颜色选择器\",\"link\":\"/fei-ui-design/components/color-picker\",\"icon\":\"bg-colors\",\"alias\":\"ColorPicker\"},{\"title\":\"评分\",\"link\":\"/fei-ui-design/components/rate\",\"icon\":\"star\",\"alias\":\"Rate\"},{\"title\":\"滑块\",\"link\":\"/fei-ui-design/components/slider\",\"icon\":\"minus\",\"alias\":\"Slider\"},{\"title\":\"上传\",\"link\":\"/fei-ui-design/components/upload\",\"icon\":\"cloud-upload\",\"alias\":\"Upload\"},{\"title\":\"表单\",\"link\":\"/fei-ui-design/components/form\",\"icon\":\"reconciliation\",\"alias\":\"Form\"}]},{\"title\":\"Data display Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"树结构\",\"link\":\"/fei-ui-design/components/tree\",\"icon\":\"branches\",\"alias\":\"Tree\"},{\"title\":\"表格\",\"link\":\"/fei-ui-design/components/table\",\"icon\":\"table\",\"alias\":\"Table\"},{\"title\":\"分页\",\"link\":\"/fei-ui-design/components/page\",\"icon\":\"read\",\"alias\":\"Page\"},{\"title\":\"描述\",\"link\":\"/fei-ui-design/components/desc\",\"icon\":\"unorderedlist\",\"alias\":\"Desc\"},{\"title\":\"时间线\",\"link\":\"/fei-ui-design/components/timeline\",\"icon\":\"arrowdown\",\"alias\":\"Timeline\"},{\"title\":\"日历\",\"link\":\"/fei-ui-design/components/calendar\",\"icon\":\"calendar-fill\",\"alias\":\"Calendar\"},{\"title\":\"轮播\",\"link\":\"/fei-ui-design/components/carousel\",\"icon\":\"appstore-fill\",\"alias\":\"Carousel\"},{\"title\":\"数字动画\",\"link\":\"/fei-ui-design/components/count-to\",\"icon\":\"orderedlist\",\"alias\":\"CountTo\"}]},{\"title\":\"Navigation Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图钉\",\"link\":\"/fei-ui-design/components/affix\",\"icon\":\"pushpin\",\"alias\":\"Affix\"},{\"title\":\"锚点\",\"link\":\"/fei-ui-design/components/anchor\",\"icon\":\"attachment\",\"alias\":\"Anchor\"},{\"title\":\"返回顶部\",\"link\":\"/fei-ui-design/components/back-top\",\"icon\":\"up\",\"alias\":\"BackTop\"},{\"title\":\"面包屑\",\"link\":\"/fei-ui-design/components/breadcrumb\",\"icon\":\"right\",\"alias\":\"Breadcrumb\"},{\"title\":\"加载条\",\"link\":\"/fei-ui-design/components/loading-bar\",\"icon\":\"minus\",\"alias\":\"Loading Bar\"},{\"title\":\"菜单\",\"link\":\"/fei-ui-design/components/menu\",\"icon\":\"menu\",\"alias\":\"Menu\"},{\"title\":\"标签页\",\"link\":\"/fei-ui-design/components/tabs\",\"icon\":\"project\",\"alias\":\"Tabs\"},{\"title\":\"步骤\",\"link\":\"/fei-ui-design/components/steps\",\"icon\":\"arrowright\",\"alias\":\"Steps\"}]},{\"title\":\"Feedback Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"警告信息\",\"link\":\"/fei-ui-design/components/alert\",\"icon\":\"error-fill\",\"alias\":\"Alert\"},{\"title\":\"标记\",\"link\":\"/fei-ui-design/components/badge\",\"icon\":\"border\",\"alias\":\"Badge\"},{\"title\":\"模态框\",\"link\":\"/fei-ui-design/components/modal\",\"icon\":\"idcard\",\"alias\":\"Modal\"},{\"title\":\"消息提示\",\"link\":\"/fei-ui-design/components/message\",\"icon\":\"message\",\"alias\":\"Message\"},{\"title\":\"弹框提示\",\"link\":\"/fei-ui-design/components/message-box\",\"icon\":\"mail\",\"alias\":\"MessageBox\"},{\"title\":\"通知\",\"link\":\"/fei-ui-design/components/notice\",\"icon\":\"notification\",\"alias\":\"Notice\"},{\"title\":\"弹出提示\",\"link\":\"/fei-ui-design/components/tooltip\",\"icon\":\"info-circle\",\"alias\":\"Tooltip\"},{\"title\":\"弹出信息\",\"link\":\"/fei-ui-design/components/popover\",\"icon\":\"question-circle\",\"alias\":\"Popover\"},{\"title\":\"抽屉\",\"link\":\"/fei-ui-design/components/drawer\",\"icon\":\"build\",\"alias\":\"Drawer\"},{\"title\":\"骨架屏\",\"link\":\"/fei-ui-design/components/skeleton\",\"icon\":\"sever-fill\",\"alias\":\"Skeleton\"},{\"title\":\"加载\",\"link\":\"/fei-ui-design/components/loading\",\"icon\":\"loading\",\"alias\":\"Loading\"},{\"title\":\"进度条\",\"link\":\"/fei-ui-design/components/progress\",\"icon\":\"hourglass\",\"alias\":\"Progress\"},{\"title\":\"进度环\",\"link\":\"/fei-ui-design/components/circle\",\"icon\":\"redo\",\"alias\":\"Circle\"}]},{\"title\":\"Built-in Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"空状态\",\"link\":\"/fei-ui-design/components/empty\",\"icon\":\"border\",\"alias\":\"Empty\"},{\"title\":\"滚动组件\",\"link\":\"/fei-ui-design/components/scrollbar\",\"icon\":\"container\",\"alias\":\"Scrollbar\"},{\"title\":\"弹层\",\"link\":\"/fei-ui-design/components/popper\",\"icon\":\"pic-center\",\"alias\":\"Popper\"}]},{\"title\":\"Configure Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"全局配置\",\"link\":\"/es/components/config-provider\",\"icon\":\"setting\",\"alias\":\"ConfigProvider\"}]}]}}},\"lastUpdated\":true,\"lastUpdatedText\":\"最后更新\",\"linkPrevVersion\":\"https://lusaxweb.github.io/vuesax/\",\"searchPlaceholder\":\"Search\"},\"locales\":{\"/\":{\"lang\":\"zh-CN\",\"text\":\"中文\"},\"/es/\":{\"lang\":\"en-US\",\"text\":\"English\"}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>